<template>
  <div>
    <child1
      :child1="child1"
      :child2="child2"
      @onChild1="onChild1"
      @onChild2="onChild2"
    />
  </div>
</template>

<script>
import child1 from './child1';
export default {
  name: 'index',
  components: {
    child1
  },
  data() {
    return {
      child1: 'child1',
      child2: 'child2'
    };
  },
  methods: {
    onChild1() {
      console.log('onChild1====');
    },
    onChild2() {
      console.log('onChild2====');
    }
  }
};
</script>

<style lang="scss" scoped>

</style>
